<%-- 
    Document   : index
    Created on : 02-24-2013, 12:14:17 AM
    Author     : Jon
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

    <!--HEAD-->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Login</title>
        <!--Scripts and Styles-->
        <script src="./JS/jquery-1.9.1.js"></script>
        <script src="./JS/jquery-migrate-1.1.1.js"></script>
        <script src="./JS/javascript.js" type="text/javascript"></script>
        <link rel="stylesheet" href="./CSS/MainStyle.css" type="text/css"/>
        <!--Scripts and Styles END-->
    </head>
    <!--HEAD END-->

    <!--BODY-->
    <body>
        <!--CONTENEDOR DE TODA LA PÁGINA WEB (TODO ESTA DENTRO)-->
        <div class="contenedor">
            <!--ENCABEZADO-->
            <div class="encabezado">
                <a href="#"><img src="./images/Space.png" class="logo2" name="logo"  /></a> 
                <a href="#"><img src="./images/Space.png" class="logo" name="logo"  /></a> 
                <!-- end .header -->
                <br>
                <h1>Laboratorio de Ciencias Basicas</h1>
                <h2>Inscripcion, Mantenimiento y Control de Alumnos</h2>
                <p:clock />
            </div>
            <!--ENCABEZADO END-->
            <hr id="header_stripe"/>
            <!--CONTENEDOR-->
            <div id="page_container">
                <div id="toppanel">
                    <div id="panel">
                        <div id="panel_contents"> </div>

                        <h1>Ingrese su Usuario y Contraseña</h1>
                        <h2>Created By LinkSys</h2>
                        <img class="border_pic" src="./images/ufg.jpg" alt="Screenshot" />  
                        <div class="border" id="login">  
                            <form method="POST"  action="">
                                <table>
                                    <tr>
                                        <td><p>Usuario:</p></td>
                                        <td><input type="text" size="15" name="usuario" id="usuario" class="username"/></td>
                                    </tr>
                                    <tr>
                                        <td><p>Contrase&ntilde;a:</p></td>
                                        <td><input type="password" size="15" name="password" id="password" class="password"</td>
                                    </tr>
                                </table>
                                <center>
                                    <input type="submit" accesskey="l" name="login" id="login_btn" value="Entrar" class="button-bevel orange">  
                                </center>
                            </form>
                        </div>
                    </div>
                                     
                    <div class="panel_button" style="display: visible;"><img src="./images/expand.png"  alt="expand"/>  
                        <a href="#">Entra Aqui</a>  
                    </div>  
                    
                    <div class="panel_button" id="hide_button" style="display: none;"><img src="./images/collapse.png" alt="c" />  
                        <a href="#">Esconder</a>  
                    </div>
                    
                </div>
                <!--CONTENEDOR END-->
                <div id="content">
                    <p>Click en el Panel Superior para mostrar el contenido.</p>
                    <p>El presente proyecto es creado para la administración, control e inscripción de alumnos del laboratorio de Ciencias Básicas de la Universidad Francisco Gavidia. Creado entre Julio del 2012 a Septiembre del 2013, por los alumnos: Jonathan Cabrera, Emanuel Martínez y Boris Ochoa.</p>
                </div>
                <div id="footer">
                    <p>Created by LinkSys</p>
                </div>
            </div>
        </div>
    </body>
    <!--BODY END-->
</html>

